@charset "utf-8";
@import "Base.scss";
@import "methods.scss";
.g-clearfix:after {
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
  overflow: hidden; }

.g-clearfix, .zoom {
  zoom: 1; }

.g-clearfix:after, .hidden {
  visibility: hidden; }
/*------公共类----------*/
//隐藏
.g-hide{
  display: none;
}
//居中
.g-tc{
  text-align: center;
}
.g-inline{
  display: inline-block;
}

//左浮动
.g-fl{
  float: left;
}
//右浮动
.g-fr{
  float: right;
}
//弹窗提示信息
.g-tip{
  position: fixed;
  top:50%;
  left: 50%;
  transform:translate3d(-50%,-50%,0);
  z-index: 20;
  height:.68rem;
  padding: 0 .50rem;
  line-height:.68rem;
  color: #fff;
  font-size: 14px;
  background: rgba(0,0,0,0.8);
  border-radius: .68rem;
}
//弹窗提示二
.g-dark{
  width:5.00rem;
  height:auto;
  box-sizing: border-box;
  background: rgba(0,0,0,0.8);
  border-radius: .10rem;
}
//弹窗
/**
g-dialog 正常宽度 5.90rem
g-dialog-sm 中等宽度 5.40rem
g-dialog-cha 底部有叉号的弹窗
*/
.g-dialog{
  position: fixed;
  top:0;
  left:0;
  z-index: 50;
  width: 100%;
  height: 100%;
  .g-dialog-bg{
    position: absolute;
    top:0;
    left:0;
    z-index: 51;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  .g-dialog-content{
    position: absolute;
    top:47%;
    left:50%;
    z-index: 55;
    transform: translate3d(-50%,-50%,0);
    .g-dialog-content-inner{
      //width:5.92rem;
      width: 280px;
      min-height:120px;
      max-height: 410px;
      overflow: auto;
      background: #fff;
      border-radius: .12rem;
    }
    .g-dialog-close{
      position: absolute;
      bottom: -1.08rem;
      left: 0;
      z-index: 55;
      width: 100%;
      height: .68rem;
      display: inline-block;
      text-align: center;
      img{
        width: .68rem;
        height: .68rem;
      }
    }
  }
  &.g-dialog-sm{
    .g-dialog-content{
      .g-dialog-content-inner{
        width:5.40rem;
        font-size: 12px;
      }
    }
  }
}


